<script setup lang="js">

import {computed, defineProps} from "vue";


const {tierLevel, size} = defineProps({
  "tierLevel": {},
  "size": {
    default: 24
  },
})

const url = computed(() => {
  return `${import.meta.env.BASE_URL}rank/Rank=${tierLevel}.png`
})


</script>


<template>
  <el-image
      :style="{
    'width':`${size}px`,
    'height':`${size}px`,
      }"
      :src="url">
  </el-image>
</template>

<style scoped>

</style>